.login {
  // display: flex;
  // align-items: center;
  // height: 100%;

  .form {
    display: block;
    width: 604upx;
    margin: 0 auto;
    padding-top: 250upx;
  }
  
  .form-item {
    display: flex;
    height: 90upx;
    align-items: flex-end;
    border-bottom: 1upx solid #F4F4F4;
    font-size: 30upx;
    color: #333;
    padding-bottom: 15upx;
    
    .form-item__icon {
      display: flex;
      width: 240upx;

      i {
        position: relative;
        top: 6upx;
        color: #2B63FD;
        padding: 0 28upx 0 7upx;
      }
    }

    .form-item__value {
      flex: 1;
      color: #999;
      font-size: 28upx;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    & > .iconfont {
      color: #999;
    }
    
    input {
      position: relative;
      top: 8upx;
      flex: 1;
      font-size: 28upx;
      height: initial;
      line-height: initial;
      min-height: initial;
      box-sizing: border-box;
    }
  }

  .form-bottom {
    display: flex;
    justify-content: space-between;
    margin-top: 28upx;
    padding: 0 20upx;
    color: #999;
    font-size: 24upx;

    .form-bottom__item {
      display: flex;
    }
  }

  .form-wechat {
    width: 479upx;
    margin: 109upx auto 0 auto;
    text-align: center;

    .form-wechat__title {
      position: relative;

      h2 {
        position: relative;
        z-index: 2;
        padding: 0 16uxp;
        color: #999;
        font-size: 28upx;
        background: #fff;
      }

      span {
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        height: 1upx;
        background: #f4f4f4;
        transform: translate3d(0, -50%, 0);
      }
    }
    
    image {
      margin-top: 53upx;
      width: 80upx;
      height: 80upx;
    }
  }

  .get-code {
    position: relative;
    // top: -6upx;
    width: 150upx;
    height: 52upx;
    line-height: 52upx;
    color: #fff;
    font-size: 26upx;
    text-align: center;
    background:#5B8DF2;
    border-radius: 26upx;
  }

  .disable {
    background: #ccc;
    color: #666;
  }

  .form-btn {
    width: 604upx;
    height: 103upx;
    line-height: 103upx;
    margin-top: 89upx;
    color: #fff;
    background:linear-gradient(230deg,rgba(255,90,124,1) 0%,rgba(255,134,119,1) 100%);
    border-radius: 52upx;
  }
}